<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>欢迎使用智慧云社区</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="icon/font-awesome.css" rel="stylesheet">

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.html">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.html">


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->
</head>

<body>

<header class="dark_grey">
    <!-- Header start -->
    <div class="top">
        <div class="logo">
            <img src="image/logo.jpg"/>
        </div>
        <div class="login">
            <a href="/userExit" onclick="return confirm('确认退出？')"><img src="image/login.png"/></a>
        </div>
        <div class="username">
            <c:if test="${loginuser!=null}">
                ${loginuser.username}
            </c:if>
        </div>
        <div class="user">
            <img src="image/user2.png"/>
            <%--            <img src="image/user1.png"/>--%>
        </div>
    </div>
</header>

<div id="main_navigation" class="dark_navigation"> <!-- Main navigation start -->
    <div class="inner_navigation">
        <ul class="main">
            <li><a class="expand" href="dashboard.html"><i class="icon-home"></i>&nbsp;&nbsp;业主管理</a>
                <ul class="sub_main" style="background-color: #20477C;">
                    <div style=" height:8px; width:100%;"></div>
                    <li><a href="/customList" target="right">用户管理<font style="float:right;font-size:20px;">></font></a>
                    </li>
                    <li><a href="/zuhuList" target="right" onClick="getclassname(this)">租户管理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font
                            style="float:right;font-size:20px;">></font></a></li>
                    <div style=" height:8px; width:100%;"></div>
                </ul>
            </li>

            <li><a href="/userlist" target="right"><i class="icon-reorder"></i>&nbsp;&nbsp;账号管理</a></li>
            <li><a href="/parkinglist" target="right"><i class="icon-tasks"></i>&nbsp;&nbsp;车位管理</a></li>
            <li><a href="/carList" target="right"><i class="icon-calendar"></i>&nbsp;&nbsp;车辆管理</a></li>
            <li><a href="/manList" target="right"><i class="icon-signal"></i>&nbsp;&nbsp;人员管理</a></li>
            <li><a href="/visitorList" target="right"><i class="icon-table"></i>&nbsp;&nbsp;访客记录</a></li>
            <li><a href="/payList" target="right"><i class="icon-warning-sign"></i>&nbsp;&nbsp;充值记录</a></li>

        </ul>
    </div>
</div>

<div id="content" class="no-sidebar">
    <!-- Content start -->

    <iframe id="MainIframe" class="inner_navigation1" name="right" src="welcome.jsp" frameborder="0" width="100%"
            scrolling="auto" height="100%">


    </iframe>

    <!-- Content END -->
</div>

</div>
</div>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui-1.10.3.js"></script>
<script src="js/bootstrap.js"></script>

<script src="js/library/jquery.collapsible.min.js"></script>
<script src="js/library/jquery.mCustomScrollbar.min.js"></script>
<script src="js/library/jquery.mousewheel.min.js"></script>
<script src="js/library/jquery.uniform.min.js"></script>


<script src="js/library/jquery.sparkline.min.js"></script>
<script src="js/library/chosen.jquery.min.js"></script>
<script src="js/library/jquery.easytabs.js"></script>
<script src="js/library/flot/excanvas.min.js"></script>
<script src="js/library/flot/jquery.flot.js"></script>
<script src="js/library/flot/jquery.flot.pie.js"></script>
<script src="js/library/flot/jquery.flot.selection.js"></script>
<script src="js/library/flot/jquery.flot.resize.js"></script>
<script src="js/library/flot/jquery.flot.orderBars.js"></script>
<script src="js/library/maps/jquery.vmap.js"></script>
<script src="js/library/maps/maps/jquery.vmap.world.js"></script>
<script src="js/library/maps/data/jquery.vmap.sampledata.js"></script>
<script src="js/library/jquery.autosize-min.js"></script>
<script src="js/library/charCount.js"></script>
<script src="js/library/jquery.minicolors.js"></script>
<script src="js/library/jquery.tagsinput.js"></script>
<script src="js/library/fullcalendar.min.js"></script>
<script src="js/library/footable/footable.js"></script>
<script src="js/library/footable/data-generator.js"></script>

<script src="js/library/bootstrap-datetimepicker.js"></script>
<script src="js/library/bootstrap-timepicker.js"></script>
<script src="js/library/bootstrap-datepicker.js"></script>
<script src="js/library/bootstrap-fileupload.js"></script>
<script src="js/library/jquery.inputmask.bundle.js"></script>

<script src="js/flatpoint_core.js"></script>

<%--    高度矫正    --%>
<script>
    //iframe高度矫正
    resizeFresh();
    window.addEventListener('resize', function () {
        console.log("gaodu bian高度变化了----")
        // console.log('New window size: ' + window.innerWidth + 'x' + window.innerHeight);
        setTimeout(()=>{resizeFresh()},10)
    })
    document.addEventListener('DOMSubtreeModified', function() {
        var element = document.getElementById('main_navigation');
        // element.textContent = 'New window size: ' + window.innerWidth + 'x' + window.innerHeight;
        setTimeout(()=>{resizeFresh()},10)
    });
    window.onresize = function() {
        resizeFresh()
        setTimeout(()=>{resizeFresh()},10)
    }
    var bodyHeight = window.innerHeight;
    function resizeFresh() {
        console.log("触发了变化")
        console.log(document.querySelector("#MainIframe").style.height)
        console.log(document.querySelector("#mCSB_1").offsetHeight+"px")

        setTimeout(
            ()=>{document.querySelector("#MainIframe").style.height=document.querySelector("#mCSB_1").offsetHeight+"px";
            },50);
        setTimeout(
            ()=>{document.querySelector("#MainIframe").style.height=document.querySelector("#mCSB_1").offsetHeight+"px";
            },80);
        setTimeout(
            ()=>{document.querySelector("#MainIframe").style.height=document.querySelector("#mCSB_1").offsetHeight+"px";
            },100);
        document.querySelector("#MainIframe").style.height=document.querySelector("#mCSB_1").offsetHeight+"px";
    }
</script>


<script>

    // iframe高度矫正
    resizeFresh();
    window.addEventListener('resize', function () {
        console.log("gaodu bian高度变化了----")
        // console.log('New window size: ' + window.innerWidth + 'x' + window.innerHeight);
        setTimeout(()=>{resizeFresh()},10)
    })
    document.addEventListener('DOMSubtreeModified', function() {
        var element = document.getElementById('main_navigation');
        // element.textContent = 'New window size: ' + window.innerWidth + 'x' + window.innerHeight;
        setTimeout(()=>{resizeFresh()},10)
    });
    window.onresize = function() {
        setTimeout(()=>{resizeFresh()},10)
    }



    var bodyHeight = window.innerHeight;

    function resizeFresh() {
        console.log("触发了变化")
        console.log(document.querySelector("#MainIframe"))
        console.log(document.querySelector("#MainIframe").style.height)
        console.log(document.querySelector("#mCSB_1"))
        console.log(document.querySelector("#mCSB_1").offsetHeight + "px")
        var bodyHeight = window.innerHeight;
        setTimeout(
            () => {
                console.log("111")
                document.querySelector("#MainIframe").style.height = document.querySelector("#mCSB_1").offsetHeight + "px";
                console.log("111111")
            }, 100);
        setTimeout(
            () => {
                console.log("222")
                document.querySelector("#MainIframe").style.height = document.querySelector("#mCSB_1").offsetHeight + "px";
                console.log("222222")
            }, 500);
        setTimeout(
            () => {
                console.log("333")
                document.querySelector("#MainIframe").style.height = document.querySelector("#mCSB_1").offsetHeight + "px";
                console.log("333333")
            }, 1000);
        document.querySelector("#MainIframe").style.height = document.querySelector("#mCSB_1").offsetHeight + "px";
    }


    jQuery('#vmap').vectorMap({
        map: "world_en",
        backgroundColor: null,
        color: "#ffffff",
        hoverOpacity: .7,
        selectedColor: "#2d91ef",
        enableZoom: 0,
        showTooltip: 1,
        values: sample_data,
        scaleColors: ["#8cc3f6", "#5c86ac"],
        normalizeFunction: "polynomial",
        onRegionClick: function () {
            alert("This Region has " + (Math.floor(Math.random() * 10) + 1) + " users!"
            )
        }
    });

    jQuery(document).ready(function ($) {
        $('.footable').footable();
        $('.responsive_table_container').mCustomScrollbar({
            set_height: 400,
            advanced: {
                updateOnContentResize: true,
                updateOnBrowserResize: true
            }
        });

        $('.responsive_table_container_2').mCustomScrollbar({
            set_height: 520,
            advanced: {
                updateOnContentResize: true,
                updateOnBrowserResize: true
            }
        });
    });
</script>

<script src="js/calendar.js"></script>
<script src="js/forms.js"></script>
<script src="js/dashboard.js"></script>

</body>
</html>
